﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
  <title></title>
  <link rel="stylesheet" type="text/css" href="themes/default/easyui.css" />
  <link rel="stylesheet" type="text/css" href="themes/icon.css" />
  <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
  <script type="text/javascript" src="js/jquery.easyui.min.js"></script>
  <script language="javascript">
    function addTab(title, href) {
      var tt = $('#main-center');
      if (tt.tabs('exists', title)) {
        tt.tabs('select', title);
      } else {
        if (href) {
          var content = '<iframe scrolling="no" frameborder="0"  src="' + href + '" style="width:100%;height:100%;"></iframe>';
        } else {
          var content = '未实现';
        }
        tt.tabs('add', {
          title: title,
          closable: true,
          content: content
        });
      }
    }  
  </script>
</head>
<body>
  <form id="form1" runat="server">
  <div class="easyui-layout" style="width: 100%; height: 800px;">
    <div region="north" border="false" style="overflow: hidden; height: 60px; background: #A4BED4;">
      <h2>
        Border布局</h2>
    </div>
    <%--<div region="south" split="true" style="height: 50px; background: #efefef;">
    </div>--%>
    <div region="west" split="true" title="Menu1" style="width: 200px;">
      <div class="easyui-accordion" fit="true" border="false">
        <div title="业务操作" selected="true" style="overflow: auto;">
          <div class="nav-item">
            <a href="javascript:addTab('设备档案','ZHCX/ZHTJ.aspx')">
              <img src="images/print_class.png"></img><br />
              <span>设备档案</span> </a>
          </div>
          <div class="nav-item">
            <a href="javascript:addTab('设备申购')">
              <img src="images/kdmconfig.png"></img><br />
              <span>设备申购</span> </a>
          </div>
          <div class="nav-item">
            <a href="javascript:addTab('设备维修')">
              <img src="images/package_settings.png"></img><br />
              <span>设备维修</span> </a>
          </div>
        </div>
        <div title="数据设置" style="overflow: auto;">
          <div class="nav-item">
            <a href="javascript:addTab('区域设置')">
              <img src="images/package.png"></img><br />
              <span>区域设置</span> </a>
          </div>
          <div class="nav-item">
            <a href="javascript:addTab('设备类别')">
              <img src="images/kontact.png"></img><br />
              <span>设备类别</span> </a>
          </div>
        </div>
        <div title="数据设置2" style="overflow: auto;">
          <div class="nav-item">
            <a href="javascript:addTab('区域设置')">
              <img src="images/package.png"></img><br />
              <span>区域设置</span> </a>
          </div>
          <div class="nav-item">
            <a href="javascript:addTab('设备类别')">
              <img src="images/kontact.png"></img><br />
              <span>设备类别</span> </a>
          </div>
        </div>
        <div title="数据设置3" style="overflow: auto;">
          <div class="nav-item">
            <a href="javascript:addTab('区域设置')">
              <img src="images/package.png"></img><br />
              <span>区域设置</span> </a>
          </div>
          <div class="nav-item">
            <a href="javascript:addTab('设备类别')">
              <img src="images/kontact.png"></img><br />
              <span>设备类别</span> </a>
          </div>
        </div>
      </div>
    </div>
    <div region="center" title="Main Form" style="background: #eee;">
      <div id="main-center" class="easyui-tabs" fit="true" border="false">
        <div title="首页" style="padding: 20px;">
          <img src="images/banner.gif"></img>
          <div style="margin-top: 20px;">
            <p>
              该系统是一个由etmvc和jquery-easyui技术构建的应用示例，如果您对本系统所使用的技术感兴趣，请与我们联系。</p>
            <p>
              &nbsp;</p>
            <p>
              设备管理是一款记录设备使用流程的软件，其中有设备信息录入，设备类别设置，区域信息的录制，设备的使用流程，设备使用流程中出错的处理，以及报表查询等功能。</p>
            <p>
              &nbsp;</p>
            <p>
              我们对系统进行简化，旨在说明一般功能的开发方法。</p>
          </div>
        </div>
      </div>
    </div>
  </div>
  </form>
</body>
</html>
